<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
    
  <meta name="description" content="love it" />
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>
     loveits
  </title>
  <meta name="generator" content="hexo-theme-yilia-plus">
  
  <link rel="shortcut icon" href="/favicon.ico" />
  
	  
  
<link rel="stylesheet" href="/css/main.css">

  
<link rel="stylesheet" href="/css/obsidian.css">

  
  <script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
  
  
  
<link rel="stylesheet" href="//cdn.bootcss.com/codemirror/5.48.4/codemirror.min.css">

  
<link rel="stylesheet" href="//cdn.bootcss.com/codemirror/5.48.4/theme/dracula.css">

  
<link rel="stylesheet" href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.css">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
  

  

</head>

</html>

<body>
  <div id="app">
  <main class="content">
  
<section class="cover">
    
  <div class="cover-frame">
    <div class="bg-box">
      <img src="/images/cover3.jpg" alt="image frame" />
    </div>
    <div class="cover-inner text-center text-white">
      <h1><a href="/">loveits</a></h1>
      <div id="subtitle-box">
        
        <span id="subtitle"></span>
        
      </div>
      <div>
        
        <img
          src="/images/logo.png"
          class="cover-logo"
          alt="loveits"
        />
        
      </div>
    </div>
  </div>
  <div class="cover-learn-more">
    <a href="javascript:void(0)" class="anchor"><i class="ri-arrow-down-line"></i></a>
  </div>
</section>



<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11/lib/typed.min.js"></script>

<div id="main">
  <section class="outer">
  <article class="articles">
	  
	  
	  
    
    
	
	<div id="postEcharts" style="width:100%;height:200px"></div>
	
    
		
			
		
			
		
			
		
			
		
			
		
			
		
			
				<article id="post-vlog/plan" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/67f51b7d.html"
    >vlog计划	 <span class="post-top">置顶</span> </a
  >
</h2>
 
<div class="article-topping">
  <i class="ri-umbrella-line"></i>
</div>
 

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/67f51b7d.html" class="article-date">
  <time datetime="2020-04-11T08:17:00.000Z" itemprop="datePublished">2020-04-11</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/vlog/">vlog</a> / <a class="article-category-link" href="/categories/vlog/%E7%BB%BC%E5%90%88/">综合</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      <ol>
<li><p>骑行系列</p>
</li>
<li><p>新秦淮河-鱼嘴湿地-南京眼-绿博会</p>
</li>
<li><p>3年租房记录</p>
<ul>
<li>优缺点总结</li>
<li>租房期望</li>
<li>买房期望</li>
</ul>
</li>
<li></li>
</ol>

     
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vlog/" rel="tag">vlog</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E8%AE%A1%E5%88%92/" rel="tag">计划</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
		
			
		
			
		
		
			
				<article id="post-other/收纳" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/8dafab8b.html"
    >收纳	<span class="post-doing"> <i class="ri-loader-line" title="开发中"></i> </span>  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/8dafab8b.html" class="article-date">
  <time datetime="2020-05-02T12:45:20.000Z" itemprop="datePublished">2020-05-02</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E6%9D%82%E9%A1%B9/">杂项</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      

      <p>收纳</p>
      
      <a class="article-more-link" href="/p/8dafab8b.html">阅读更多...</a>
      
      
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E6%94%B6%E7%BA%B3/" rel="tag">收纳</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-shop/种草清单" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/4377736e.html"
    >种草清单	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/4377736e.html" class="article-date">
  <time datetime="2020-05-02T08:36:55.000Z" itemprop="datePublished">2020-05-02</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E5%A5%BD%E7%89%A9/">好物</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      <h2 id="✨前言"><a href="#✨前言" class="headerlink" title="✨前言"></a>✨前言</h2><p>办公桌</p>
<p>通勤包<br>旅行包</p>
<p>NAS</p>
<ul>
<li>保温杯<ul>
<li>膳魔师</li>
</ul>
</li>
</ul>

     
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E5%BD%92%E6%A1%A3/" rel="tag">归档</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E8%B4%AD%E7%89%A9/" rel="tag">购物</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-soft/软件归档" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/bad80d7e.html"
    >软件归档	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/bad80d7e.html" class="article-date">
  <time datetime="2020-04-26T08:53:38.000Z" itemprop="datePublished">2020-04-26</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E5%AD%97%E5%85%B8/">字典</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      

      <p>对所有了解过，至少粗略使用过的软件按不同的平台，类型进行归档。</p>
<hr>
<h2 id="✨前言"><a href="#✨前言" class="headerlink" title="✨前言"></a>✨前言</h2><h3 id="1-软件使用平台"><a href="#1-软件使用平台" class="headerlink" title="1.软件使用平台"></a>1.软件使用平台</h3><ul>
<li>全平台 <code>一般不包括浏览器扩展和windows phone</code></li>
<li>web </li>
<li>浏览器扩展</li>
<li>windows</li>
<li>macOS</li>
<li>安卓</li>
<li>ios/ipadOS</li>
</ul>
      
      <a class="article-more-link" href="/p/bad80d7e.html">阅读更多...</a>
      
      
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E5%BD%92%E6%A1%A3/" rel="tag">归档</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E8%BD%AF%E4%BB%B6/" rel="tag">软件</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-other/图书管理" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/a3449ab5.html"
    >图书管理	<span class="post-doing"> <i class="ri-loader-line" title="开发中"></i> </span>  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/a3449ab5.html" class="article-date">
  <time datetime="2020-04-24T06:46:41.000Z" itemprop="datePublished">2020-04-24</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E6%9D%82%E9%A1%B9/">杂项</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      

      <p>图书管理</p>
      
      <a class="article-more-link" href="/p/a3449ab5.html">阅读更多...</a>
      
      
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E6%94%B6%E7%BA%B3/" rel="tag">收纳</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-vlog/模块化" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/40549.html"
    >vlog模块化准备	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/40549.html" class="article-date">
  <time datetime="2020-04-15T01:40:53.000Z" itemprop="datePublished">2020-04-15</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/vlog/">vlog</a> / <a class="article-category-link" href="/categories/vlog/%E7%BB%BC%E5%90%88/">综合</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      <h2 id="片头"><a href="#片头" class="headerlink" title="片头"></a>片头</h2><h2 id="片尾"><a href="#片尾" class="headerlink" title="片尾"></a>片尾</h2><ol>
<li>免责申明</li>
<li>责任申明</li>
<li>loveisover<h2 id="引用"><a href="#引用" class="headerlink" title="引用"></a>引用</h2></li>
<li>边框<ul>
<li>美化</li>
<li>避免黑边</li>
</ul>
</li>
<li>时间</li>
<li>来源<h3 id="图片"><a href="#图片" class="headerlink" title="图片"></a>图片</h3><h3 id="视频"><a href="#视频" class="headerlink" title="视频"></a>视频</h3><h3 id="文字"><a href="#文字" class="headerlink" title="文字"></a>文字</h3><h2 id="转场"><a href="#转场" class="headerlink" title="转场"></a>转场</h2></li>
</ol>
<script>
    tocbot.init({
      tocSelector: '.tocbot',
      contentSelector: '.article-entry',
      headingSelector: 'h1, h2, h3, h4, h5, h6',
      hasInnerContainers: true,
      scrollSmooth: true,
      scrollContainer: 'main',
      positionFixedSelector: '.tocbot',
      positionFixedClass: 'is-position-fixed',
      fixedSidebarOffset: "auto",
      onClick: (e) => {
        $('.toc-link').removeClass('is-active-link');
        $(`a[href=${e.target.hash}]`).addClass('is-active-link');
        $(e.target.hash).scrollIntoView();
        return false;
      }
    });
</script>
     
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vlog/" rel="tag">vlog</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-vlog/source/骑行系列" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/9fa02ce0.html"
    >骑行系列	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/9fa02ce0.html" class="article-date">
  <time datetime="2020-04-11T08:17:00.000Z" itemprop="datePublished">2020-04-11</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/vlog/">vlog</a> / <a class="article-category-link" href="/categories/vlog/%E7%BB%BC%E5%90%88/">综合</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      <h2 id="物品准备"><a href="#物品准备" class="headerlink" title="物品准备"></a>物品准备</h2><h2 id="流程"><a href="#流程" class="headerlink" title="流程"></a>流程</h2><ol>
<li>骑行</li>
</ol>

     
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vlog/" rel="tag">vlog</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
		
			
				<article id="post-hexo/hexo-tree" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/7fb5a95e.html"
    >在hexo主题中为“分类”添加jstree插件	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/7fb5a95e.html" class="article-date">
  <time datetime="2020-04-06T06:34:53.000Z" itemprop="datePublished">2020-04-06</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/">大前端</a> / <a class="article-category-link" href="/categories/%E5%A4%A7%E5%89%8D%E7%AB%AF/hexo/">hexo</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      

      <h2 id="一丶需求"><a href="#一丶需求" class="headerlink" title="一丶需求"></a>一丶需求</h2><p>　　在hexo生成的博客文章中,使用tree,树形结构展示所有的分类以及分类下的所有文章标题。非常喜欢这样的展现方式，<br>可以非常直观的看到博客中的所有文章。  </p>
<p>经过简单的技术选型之后选择使用<code>jstree</code>这样一个经典jquery插件,<a href="https://www.jstree.com.cn/docs/json.html" target="_blank" rel="noopener">jstree中文网</a>，网站国内访问非常的快速，代码也是开源的，所有的功能都可以满足我的需求。</p>
<h2 id="二丶准备"><a href="#二丶准备" class="headerlink" title="二丶准备"></a>二丶准备</h2><p>在hexo的主题中，发现很少有人开发类似功能，在<a href="https://yelog.org/" target="_blank" rel="noopener">叶落阁</a>这个博客网站中，我看到类似的功能，不过研究了源码之后发现<code>作者可能</code>是先展示所有的文章，通过隐藏和展示来控制目录结构的变化，这样就不大好借鉴了😂。</p>
<p>大概看了20来个主题之后，发现大多数<code>分类</code>的实现方式都是官方提供的<code>list-categories</code>这个辅助函数上，通过修改对应的样式来实现自身需求。 <a href="https://hexo.io/zh-cn/docs/helpers#list-categories" target="_blank" rel="noopener">hexo-辅助函数</a>，官方文档有相对详细的介绍。</p>
<pre><code class="categories.ejs">&lt;%- list_categories({show_count: theme.show_count,depth:3}) %&gt;</code></pre>
<p>以上的代码就可以实现一个简单的分类页面，树形的分类目录，但是没有具体的文章标题。</p>
      
      <a class="article-more-link" href="/p/7fb5a95e.html">阅读更多...</a>
      
      
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/blog/" rel="tag">blog</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/hexo/" rel="tag">hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/jstree/" rel="tag">jstree</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-dictionary/emoji" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/f2c18b67.html"
    >emoji表情库	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/f2c18b67.html" class="article-date">
  <time datetime="2020-03-31T08:36:46.000Z" itemprop="datePublished">2020-03-31</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E5%AD%97%E5%85%B8/">字典</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      

      <p>目前我知道可以彩色地解析emoji的软件只有Chrome, Word 和 Win10 自带便签。其他软件在慢慢测试。</p>
<ul>
<li>QQ输入框和发送之后都可以</li>
<li>微信输入框是框框，可以发送</li>
</ul>
<p>🔥复制确实可以使用那么输入法怎么使用呢?  </p>
<ul>
<li>搜狗输入法,步骤太多了,要点击图片选择,可以用来调选新的想用的emoji表情；</li>
<li>windows自带输入法,快捷键<code>win+.</code>出现选择框；</li>
</ul>
<h3 id="常用"><a href="#常用" class="headerlink" title="常用"></a>常用</h3><p>🌹🍀🍎💰🌙🌷💎🔪🏀⚽⚡👄👍🔥  😂😅 🙏  👈👉 👌  🌟🚀💦💨🔨  ✔✖  💤💢  </p>
      
      <a class="article-more-link" href="/p/f2c18b67.html">阅读更多...</a>
      
      
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/dictionary/" rel="tag">dictionary</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/emoji/" rel="tag">emoji</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
			
				<article id="post-plan/博客网站开发计划" class="article article-type-post" itemscope
  itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
    <header class="article-header">
       
<h2 itemprop="name">
  <a class="article-title" href="/p/39a62ed4.html"
    >博客网站开发计划	  </a
  >
</h2>
  

    </header>
    
    
	
    
    <div class="article-meta">
      <a href="/p/39a62ed4.html" class="article-date">
  <time datetime="2020-03-28T06:07:53.000Z" itemprop="datePublished">2020-03-28</time>
</a>
      <a href="#" class="article-updated">
  2020-12-16
</a>
      
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E8%AE%A1%E5%88%92/">计划</a>
  </div>

      
      
      
    </div>
    
    
    

    
    
    

    <div class="article-entry" itemprop="articleBody">
      
      
      <h2 id="一丶第一阶段"><a href="#一丶第一阶段" class="headerlink" title="一丶第一阶段"></a>一丶第一阶段</h2><p><code>第一阶段</code></p>
<table>
<thead>
<tr>
<th></th>
<th>更新内容</th>
<th>优先级</th>
<th>备注</th>
<th>完成情况</th>
</tr>
</thead>
<tbody><tr>
<td></td>
<td>置顶文章</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>首页优化</td>
<td></td>
<td>日历，more，datetable</td>
<td></td>
</tr>
<tr>
<td></td>
<td>加密文章</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>短链</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>思维导图js</td>
<td></td>
<td>js mind echarts</td>
<td></td>
</tr>
<tr>
<td></td>
<td>树形目录</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>优化警句模块</td>
<td></td>
<td>添加对应数据json</td>
<td></td>
</tr>
<tr>
<td></td>
<td>版权说明模块优化</td>
<td></td>
<td>样式美化</td>
<td></td>
</tr>
<tr>
<td></td>
<td>ICON,emoji优化</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>日历热力图</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>tags页面优化,注释</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>tags页面优化 多选,取消选择</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>简单后台解决方案</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>gitalk</td>
<td></td>
<td>“微博”</td>
<td></td>
</tr>
<tr>
<td></td>
<td>gitalk</td>
<td></td>
<td>评论模块</td>
<td></td>
</tr>
<tr>
<td></td>
<td>链接页面</td>
<td></td>
<td>包括友联</td>
<td></td>
</tr>
<tr>
<td></td>
<td>联系方式模块</td>
<td></td>
<td>联系方式logo和头像框</td>
<td></td>
</tr>
<tr>
<td></td>
<td>实验室</td>
<td></td>
<td>“炫技”模块</td>
<td></td>
</tr>
<tr>
<td></td>
<td>音乐插件</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>歌单分享</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>主题 添加grunt构建工具</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>hexo页面嵌套</td>
<td>低</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>CSS优化</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>搜索页面修改</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>多宫格图片</td>
<td>低</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>部署到个人服务器上</td>
<td>中</td>
<td>看情况</td>
<td></td>
</tr>
<tr>
<td></td>
<td>制作个人hexo主题</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>大量的魔改该hexo主题</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>代码样式优化</td>
<td></td>
<td></td>
<td>2020-03-30 16:16:48</td>
</tr>
<tr>
<td></td>
<td>datatable</td>
<td></td>
<td>可排序表格,默认按第五列排序</td>
<td>2020-03-31 16:16:17</td>
</tr>
<tr>
<td></td>
<td>滚动条美化</td>
<td></td>
<td></td>
<td>2020-03-31 16:16:37</td>
</tr>
<tr>
<td></td>
<td>添加警句模块</td>
<td></td>
<td></td>
<td>2020-03-31 16:16:52</td>
</tr>
<tr>
<td></td>
<td>代码可以折叠</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>个人博客和技术博客分开（）</td>
<td></td>
<td>首页添加不同标签，最好url中有#标签</td>
<td></td>
</tr>
</tbody></table>
<ul>
<li>系列文章 目录及计划 展示</li>
<li>文章左侧展示 相关文章 - 推荐文章</li>
<li><del>可以尝试开发hexo-PicGo-core的插件</del></li>
</ul>

     
      
    </div>

    

    <!-- copyright -->
    
    <footer class="article-footer">
      
      
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/blog/" rel="tag">blog</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/hexo/" rel="tag">hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E8%AE%A1%E5%88%92/" rel="tag">计划</a></li></ul>


    </footer>

  </div>

  

  

  

</article>,
			
		
		</article>
	
  
  <nav class="page-nav">
    
    <a class="extend prev" rel="prev" href="/">上一页</a><a class="page-number" href="/">1</a><span class="page-number current">2</span><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/3/">下一页</a>
  </nav>
  
</section>

<script crossorigin="anonymous" integrity="sha384-grSbRFJ7wnaD/ZEWv79klTjkCgkTTfcw39pNmwgXlBB7zVm/oNqih+PZ6qblVvao" src="https://lib.baomitu.com/echarts/4.6.0/echarts-en.min.js"></script>
<script>

let myChart = echarts.init(document.getElementById('postEcharts'));
let option = {
    "tooltip": {
        "padding": 10,
        "backgroundColor": "#555",
        "borderColor": "#777",
        "borderWidth": 1,
		formatter: function(data){
			return data.marker + data.value[0] + " : " + data.value[1] + " 篇"
		}
    },
    "visualMap": {
      "show": true,
      "showLabel": true,
      "calculable": true,
      "min":"0",
      "max":"5",
      "inRange": {
        "symbol": "rect",
        "color": ["#f5f5f5", "#c6e48b", "#7bc96f", "#239a3b", "#196127"]
      },
      "itemWidth": 12,
      "itemHeight": 100,
      "orient": "horizontal",
      "right": 100,
      "bottom": 20,
      "align": 'top'
    },
    "calendar": [{
        "left": "center",
		"top":"middle",
        "range": ["2020-04-17","2020-12-17"],
        "cellSize": [13, 13],
        "splitLine": {
            "show": true
        },
        "itemStyle": {
            "color": "#fff",
            "borderColor": "#fff",
            "borderWidth": 1
        },
        "yearLabel": {
            "show": false
        },
        "monthLabel": {
            "nameMap": "cn",
            "fontSize": 11
        },
        "dayLabel": {
            "formatter": "{start}  1st",
            "nameMap": "cn",
            "fontSize": 11
        }
    }],
    "series": [{
        "type": "heatmap",
        "coordinateSystem": "calendar",
        "calendarIndex": 0,
        "data": [["2020-04-17", 0], ["2020-04-18", 0], ["2020-04-19", 0], ["2020-04-20", 0], ["2020-04-21", 0], ["2020-04-22", 0], ["2020-04-23", 0], ["2020-04-24", 1], ["2020-04-25", 0], ["2020-04-26", 1], ["2020-04-27", 0], ["2020-04-28", 0], ["2020-04-29", 0], ["2020-04-30", 0], ["2020-05-01", 0], ["2020-05-02", 2], ["2020-05-03", 0], ["2020-05-04", 0], ["2020-05-05", 0], ["2020-05-06", 0], ["2020-05-07", 0], ["2020-05-08", 0], ["2020-05-09", 0], ["2020-05-10", 0], ["2020-05-11", 0], ["2020-05-12", 0], ["2020-05-13", 0], ["2020-05-14", 0], ["2020-05-15", 0], ["2020-05-16", 0], ["2020-05-17", 0], ["2020-05-18", 0], ["2020-05-19", 0], ["2020-05-20", 0], ["2020-05-21", 0], ["2020-05-22", 0], ["2020-05-23", 0], ["2020-05-24", 0], ["2020-05-25", 0], ["2020-05-26", 1], ["2020-05-27", 0], ["2020-05-28", 0], ["2020-05-29", 0], ["2020-05-30", 0], ["2020-05-31", 0], ["2020-06-01", 0], ["2020-06-02", 0], ["2020-06-03", 0], ["2020-06-04", 0], ["2020-06-05", 0], ["2020-06-06", 0], ["2020-06-07", 0], ["2020-06-08", 0], ["2020-06-09", 0], ["2020-06-10", 0], ["2020-06-11", 0], ["2020-06-12", 0], ["2020-06-13", 0], ["2020-06-14", 0], ["2020-06-15", 0], ["2020-06-16", 0], ["2020-06-17", 0], ["2020-06-18", 0], ["2020-06-19", 0], ["2020-06-20", 0], ["2020-06-21", 0], ["2020-06-22", 1], ["2020-06-23", 0], ["2020-06-24", 0], ["2020-06-25", 0], ["2020-06-26", 0], ["2020-06-27", 0], ["2020-06-28", 0], ["2020-06-29", 0], ["2020-06-30", 0], ["2020-07-01", 0], ["2020-07-02", 0], ["2020-07-03", 0], ["2020-07-04", 0], ["2020-07-05", 0], ["2020-07-06", 0], ["2020-07-07", 0], ["2020-07-08", 0], ["2020-07-09", 2], ["2020-07-10", 0], ["2020-07-11", 0], ["2020-07-12", 0], ["2020-07-13", 0], ["2020-07-14", 0], ["2020-07-15", 0], ["2020-07-16", 0], ["2020-07-17", 0], ["2020-07-18", 0], ["2020-07-19", 0], ["2020-07-20", 0], ["2020-07-21", 0], ["2020-07-22", 0], ["2020-07-23", 0], ["2020-07-24", 0], ["2020-07-25", 0], ["2020-07-26", 0], ["2020-07-27", 0], ["2020-07-28", 0], ["2020-07-29", 1], ["2020-07-30", 0], ["2020-07-31", 0], ["2020-08-01", 0], ["2020-08-02", 0], ["2020-08-03", 0], ["2020-08-04", 0], ["2020-08-05", 0], ["2020-08-06", 0], ["2020-08-07", 0], ["2020-08-08", 0], ["2020-08-09", 0], ["2020-08-10", 0], ["2020-08-11", 0], ["2020-08-12", 0], ["2020-08-13", 0], ["2020-08-14", 0], ["2020-08-15", 0], ["2020-08-16", 0], ["2020-08-17", 0], ["2020-08-18", 0], ["2020-08-19", 0], ["2020-08-20", 0], ["2020-08-21", 0], ["2020-08-22", 0], ["2020-08-23", 0], ["2020-08-24", 0], ["2020-08-25", 0], ["2020-08-26", 0], ["2020-08-27", 0], ["2020-08-28", 0], ["2020-08-29", 0], ["2020-08-30", 0], ["2020-08-31", 0], ["2020-09-01", 0], ["2020-09-02", 0], ["2020-09-03", 0], ["2020-09-04", 0], ["2020-09-05", 0], ["2020-09-06", 0], ["2020-09-07", 0], ["2020-09-08", 0], ["2020-09-09", 0], ["2020-09-10", 0], ["2020-09-11", 0], ["2020-09-12", 0], ["2020-09-13", 0], ["2020-09-14", 0], ["2020-09-15", 0], ["2020-09-16", 0], ["2020-09-17", 0], ["2020-09-18", 0], ["2020-09-19", 0], ["2020-09-20", 0], ["2020-09-21", 0], ["2020-09-22", 0], ["2020-09-23", 0], ["2020-09-24", 0], ["2020-09-25", 0], ["2020-09-26", 0], ["2020-09-27", 0], ["2020-09-28", 0], ["2020-09-29", 0], ["2020-09-30", 0], ["2020-10-01", 0], ["2020-10-02", 0], ["2020-10-03", 0], ["2020-10-04", 0], ["2020-10-05", 0], ["2020-10-06", 0], ["2020-10-07", 0], ["2020-10-08", 0], ["2020-10-09", 0], ["2020-10-10", 0], ["2020-10-11", 0], ["2020-10-12", 0], ["2020-10-13", 0], ["2020-10-14", 0], ["2020-10-15", 0], ["2020-10-16", 0], ["2020-10-17", 0], ["2020-10-18", 0], ["2020-10-19", 0], ["2020-10-20", 0], ["2020-10-21", 0], ["2020-10-22", 0], ["2020-10-23", 0], ["2020-10-24", 0], ["2020-10-25", 0], ["2020-10-26", 0], ["2020-10-27", 0], ["2020-10-28", 0], ["2020-10-29", 0], ["2020-10-30", 0], ["2020-10-31", 0], ["2020-11-01", 0], ["2020-11-02", 0], ["2020-11-03", 0], ["2020-11-04", 0], ["2020-11-05", 0], ["2020-11-06", 0], ["2020-11-07", 0], ["2020-11-08", 0], ["2020-11-09", 0], ["2020-11-10", 0], ["2020-11-11", 0], ["2020-11-12", 0], ["2020-11-13", 0], ["2020-11-14", 0], ["2020-11-15", 0], ["2020-11-16", 0], ["2020-11-17", 0], ["2020-11-18", 0], ["2020-11-19", 0], ["2020-11-20", 0], ["2020-11-21", 1], ["2020-11-22", 0], ["2020-11-23", 0], ["2020-11-24", 0], ["2020-11-25", 0], ["2020-11-26", 0], ["2020-11-27", 0], ["2020-11-28", 0], ["2020-11-29", 0], ["2020-11-30", 0], ["2020-12-01", 0], ["2020-12-02", 0], ["2020-12-03", 0], ["2020-12-04", 0], ["2020-12-05", 0], ["2020-12-06", 0], ["2020-12-07", 0], ["2020-12-08", 0], ["2020-12-09", 0], ["2020-12-10", 0], ["2020-12-11", 0], ["2020-12-12", 0], ["2020-12-13", 0], ["2020-12-14", 0], ["2020-12-15", 0], ["2020-12-16", 3], ["2020-12-17", 1]]
    }]
}
myChart.setOption(option);
myChart.on('click', function (param) {
	let  v = param.value[0].split("-");
	if(param.value[1]>0) window.location.href = "/archives/"+v[0]+"/"+v[1]+"/"; 
});

</script>
</div>

  <footer class="footer">
  <div class="outer">
    <ul class="list-inline">
      <li>
        <!-- loveits blog α -->
        &copy;
        2020
        loyalvi α
      </li>
	  <li>
	    
	    Powered by
	    
	    
	    <a href="https://hexo.io" target="_blank">Hexo</a> Theme <a href="https://github.com/Shen-Yu/hexo-theme-ayer" target="_blank">Ayer</a>
	    
	  </li>
      <!-- <li>
        联系方式（TODO）
      </li> -->
    </ul>
    <ul class="list-inline">
      <li>
        
      </li>
	  
	  
	  <li>
	    <a href="http://www.beian.miit.gov.cn/" target="_black">苏ICP备20008261号-1</a>
	  </li>
	  
	  
      <li>
        <!-- cnzz统计 -->
        
      </li>
	  
    </ul>
  </div>
</footer>
  <div class="to_top">
  <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>
  </div>
  </main>
  <aside class="sidebar">
  <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="/images/logo-white.png" alt="loveits"></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories">分类</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags">标签</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories/%E8%AE%A1%E5%88%92/">计划</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories/%E5%AD%97%E5%85%B8/">字典</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/todo">待办</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/p/9ff79b23.html">我</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      <a class="nav-item-link nav-item-search"  title="搜索">
        <i class="ri-search-line"></i>
      </a>
      
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div> 
  </aside>
  <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>请我喝杯咖啡吧~</p>
  <div class="reward-box">
    
    <div class="reward-item">
      <img class="reward-img" src="/images/alipay.jpg">
      <span class="reward-type">支付宝</span>
    </div>
    
    
    <div class="reward-item">
      <img class="reward-img" src="/images/wechat.jpg">
      <span class="reward-type">微信</span>
    </div>
    
  </div>
</div>
  
  
<script src="/js/jquery-2.0.3.min.js"></script>


<script src="/js/share.js"></script>


<script src="/js/lazyload.min.js"></script>


<script src="/js/jquery.nicescroll.min.js"></script>

<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>

<script>
  try {
    var typed = new Typed("#subtitle", {
      strings: ['loveits blog', '中意他的博客', ''],
      startDelay: 0,
      typeSpeed: 100,
      loop: true,
      backSpeed: 100,
      showCursor: true
    });

  } catch (err) {
  }

</script>

<script>
//var nice = $("main").niceScroll();
	$('table').DataTable({
		"language": {
			"lengthMenu": "每页 _MENU_ 条记录",
			"zeroRecords": "没有找到记录",
			"info": "",
			"infoEmpty": "无记录",
			"infoFiltered": "(从 _MAX_ 条记录过滤)",
			"search":"搜索:"
		},
		"paging": false,
		searching: false,
		"columnDefs" : [ 
			{
			targets: [0],
			render: function(data, type, row, meta) {
				return  (meta.row + 1);
			}
			}],
        "order": [[4, 'asc']]	
	});			
</script>





<script src="https://cdn.bootcss.com/codemirror/5.48.4/codemirror.min.js"></script>

    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/javascript/javascript.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/css/css.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/xml/xml.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/shell/shell.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/python/python.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/htmlmixed/htmlmixed.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/htmlembedded/htmlembedded.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/clike/clike.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/php/php.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/powershell/powershell.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/yaml/yaml.min.js"></script>


    
<script src="//cdn.bootcss.com/codemirror/5.48.4/addon/mode/multiplex.min.js"></script>



<script src="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.css">
<script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js"></script>

<script src="/js/ayer.js"></script>



<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/default-skin/default-skin.min.css">
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script>




<script type="text/javascript" src="https://js.users.51.la/20544303.js"></script>
	
  
  </div>
</body>

</html>